<template>
    <n-flex vertical>
        <div>文档请求时间: {{ fetchTime }}ms</div>
        <div>Service Worker 处理时间: {{ workerTime }}ms</div>
        <div>文档加载时间:{{ totalTime }}ms</div>
        <div>响应下载时间:{{ downloadTime }}ms</div>
        <div>响应时间:{{ timeToFirstByte }}ms</div>
        <div>响应头大小:{{ headerSize }}B</div>
        <div>域名解析时间:{{ dnsLookupTime }}ms</div>
        <div>重定向时间:{{ redirectTime }}ms</div>
    </n-flex>
</template>

<script setup>

defineProps({
    fetchTime: Number,
    workerTime: Number,
    totalTime: Number,
    downloadTime: Number,
    timeToFirstByte: Number,
    headerSize: Number,
    dnsLookupTime: Number,
    redirectTime: Number
})
</script>
